<!DOCTYPE html>
<html lang="en">

<head>
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" type="text/css" href="../../layui/css/layui.css" />
 <script src="../../layui/layui.js"></script>
 <title>Document</title>
 <style>
  .layui-icon {
   font-size: 5.0em;
   color: #0abde3;
  }
 </style>
</head>

<body>
 <div class="layui-container">
  <h3>使用方式</h3>
  <p>通过对一个内联元素（一般推荐用 i标签）设定 class="layui-icon"，来定义一个图标，然后对元素加上图标对应的 font-class（注意：layui 2.3.0 之前只支持采用
   unicode字符)，即可显示出你想要的图标</p>
  <i class="layui-icon layui-icon-face-smile"></i>
  <i class="layui-icon layui-icon-light"></i>
  <i class="layui-icon layui-icon-windows"></i>
  <i class="layui-icon layui-icon-login-wechat"></i>
  <i class="layui-icon layui-icon-login-weibo"></i>
  <i class="layui-icon layui-icon-website"></i>
  <i class="layui-icon layui-icon-face-surprised"></i>
  <i class="layui-icon layui-icon-snowflake"></i>
  <i class="layui-icon layui-icon-404"></i>

 </div>
</body>

</html>